<template>
<div class="mentor">
  <comHeader :avaterData="avaterData"></comHeader>
  <div class="administrator-layout">
      <mentorMenu :menuData="menuData"></mentorMenu>
      <MentorMain></MentorMain>
  </div>
</div>
</template>

<script setup>
import {ref} from 'vue';
import comHeader from '../../views/comHeader.vue'
import mentorMenu from './mentorMenu.vue';
import MentorMain from './mentorMain.vue';

//头像选项
const avaterData = ref({
    imgUrl: '@/assets/image/mentorUser.webp',
    name: '学业导师'
})
//菜单选项
const menuData = ref([
  {
      icon: 'icon-book-user',
      text: '导师日志',
      router: '/mentor/mentorBasic'
  },
  {
      icon: 'icon-jichugongzuo',
      text: '基础工作',
      router: '/mentor/mentorBasic'
  },
  {
      icon: 'icon-xueyeqingkuang',
      text: '学业情况',
      router: '/mentor/mentorSituation'
  },
  {
      icon: 'icon-banjiguanli',
      text: '班级管理',
      router: '/mentor/mentorClass'
  },
  {
      icon: 'icon-yonghu-xianxing',
      text: '个人中心',
      router: '/mentor/mentorUser'
  }
]);
</script>

<style scoped lang="scss">
.mentor {
  width: 100vw;
  height: 100vh;
  .administrator-layout {
    width: 100%;
    height: calc(100% - 80px);
    display: flex;
    justify-content: space-between;
    background-color: #f0f2f5;
  }
}
</style>